@import '/styles/mixins.less';
@import '/styles/variables.less';

.p-reservation-index {
  background-color: #f5f5f5;
  position: relative;
  left: 0;
  top:0;
  // overflow: hidden;
  height: 100vh;
  box-sizing: border-box;
  .p-reservation-index-bg {
    width: 750rpx;
    height: 540rpx;
    background-color: #1677ff;
    background-image: url(/images/reservation-bg-iocn.svg);
    background-position: right 170rpx;
    background-size: 326rpx 284rpx;
    background-repeat: no-repeat;
    overflow: hidden;
    .p-reservation-index-bg-rect {
      width: 750rpx;
      height: 280rpx;
      margin-top: 240rpx;
      image {
        width: 100%;
        height: 100%;
      }
    }
  }
  .p-reservation-index-comp {
    position: absolute;
    left: 0;
    top: 192rpx;
  }
  .p-reservation-index-tabs {
    position: absolute;
    left: 0;
    top:340rpx;
    width: 750rpx;
  }
  .p-reservation-index-content {
    padding: 0 24rpx;
    margin-top: -46rpx;
    &-card {
      border-radius: 16rpx;
      padding-top: 20rpx;
      padding-bottom: 32rpx;
      background-color: #fff;
    }
    .service-card-cls {
      height: calc(60vh - env(safe-area-inset-bottom) - 24rpx);
      overflow: hidden;
      padding-bottom: 0;
    }
  }
}